@charset "utf-8";
@import "reset";
$fontsize:40;
@function r($px) {
    @return$px/$fontsize *1rem;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
}

header {
    width: 100%;
    height: r(97);
    font-size: r(40);
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 1;
    .header_a {
        width: r(672);
        margin: 0 auto;
    }
    .jt {
        width: r(20);
        height: r(34);
        margin-top: r(23);
        img {
            width: 100%;
        }
    }
    .ss {
        width: r(35);
        height: r(35);
        margin-top: r(23);
        img {
            width: 100%;
        }
    }
    .logo {
        color: white;
        text-align: center;
        width: r(670);
        margin: 0 auto;
        line-height: r(90);
        font-size: r(34);
    }
}

section {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    background: black;
    .day {
        text-align: center;
        color: #f9e15e;
        margin-top: r(190);
        font-size: r(17);
    }
    .two {
        text-align: center;
        color: #f9e15e;
        font-size: r(208);
        margin-top: r(100);
        p {
            width: r(412);
            padding-top: r(30);
            text-align: center;
            margin: 0 auto;
            color: white;
            font-size: r(34);
        }
        
    }
    a {
            display: block;
            color: white;
            width: r(440);
            height: r(90);
            font-size: r(36);
            margin: 0 auto;
            border-radius: r(50);
            outline: none;
            margin-top: r(105);
            border: 1px solid #4e5254;
            line-height: r(90);
            text-align: center;
    }
}

.swiper-pagination {
    position: absolute;
    top: r(1000);
}

.swiper-container {
    height: 100%;
}